<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Meta -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<meta name="description" content="Khan - Personal Portfolio HTML Template">
		<meta name="keywords" content="theme_ocean,personal, portfolio new, html, one page, bootstrap, new html template, design, creative, onepage, clean, modern">
		<meta name="author" content="theme_ocean">
		<!-- SITE TITLE -->
		<title>Khan - Personal Portfolio HTML Template</title>			
		<!-- Latest Bootstrap min CSS -->
		<link rel="stylesheet" href="static/css/bootstrap.min.css">		
		<!-- Google Font -->
		<link href="static/css/css2.css" rel="stylesheet"> 
		<link href="static/css/css21.css" rel="stylesheet"> 
		<!-- Font Awesome CSS -->
		<link rel="stylesheet" href="static/css/font-awesome.min.css">
		<link rel="stylesheet" href="static/css/themify-icons.css">
		<link rel="stylesheet" href="static/css/materialdesignicons-min.css">
		<!--- owl carousel Css-->
		<link rel="stylesheet" href="static/css/owl.carousel.css">
		<link rel="stylesheet" href="static/css/owl.theme.css">	
		<!-- Simpletextrotator css -->
        <link rel="stylesheet" href="static/css/simpletextrotator.css">	
		<!--slicknav Css-->
        <link rel="stylesheet" href="static/css/slicknav.css">	
		<!-- Venobox CSS -->
		<link rel="stylesheet" href="static/css/venobox.css">			
		<!-- MAGNIFIC CSS -->
		<link rel="stylesheet" href="static/css/magnific-popup.css">	
		<!-- animate CSS -->
		<link rel="stylesheet" href="static/css/animate.css">			
		<!-- Style CSS -->					
		<link rel="stylesheet" href="static/css/style.css">				
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="#"></script>
		  <script src="#"></script>
		<![endif]-->
</head>
<body>
	
	<!-- START NAVBAR -->  
	<div id="navigation" class="fixed-top navbar-light bg-faded site-navigation">
		<div class="container">
			<div class="row">
				<div class="col-lg-2 col-md-3 col-xs-4">
					<div class="site-logo">
						<a href=""><img src="static/picture/logo.png" alt=""></a>    
						<a href=""><img src="static/picture/logo-two.png" class="logo-hidden" alt=""></a>     	
					</div>
				</div><!--- END Col -->
				
				<div class="col-lg-7 col-md-9 col-xs-8 ">
					<div class="header_right ">
						<nav id="main-menu" class="ms-auto">
							<ul>
							    <li><a class="nav-link" href="#home">Home</a></li>
							    <li><a class="nav-link" href="#about">About</a></li>
							    <li><a class="nav-link" href="#portfolio">Portfolio</a></li>								
								<li><a class="nav-link" href="#service">Services</a></li>
								<li><a class="nav-link" href="#gallery">Gallery</a></li>
							    <li><a class="nav-link" href="#blog">Blog</a></li>														
							    <li><a class="nav-link" href="#contact">Contact</a></li>
							</ul>
						</nav>
						<div id="mobile_menu"></div>
					</div>
				</div><!--- END Col -->
				<div class="col-lg-3 col-md-3 col-xs-8">
					<div class="social_profile">
						<ul>
							<li><a href="#" class="ti-facebook"></a></li>
							<li><a href="#" class="ti-twitter"></a></li>
							<li><a href="#" class="ti-instagram"></a></li>
							<li><a href="#" class="ti-tumblr"></a></li>
						</ul>
					</div><!--- END SOCIAL PROFILE -->					
				</div><!--- END Col -->
			</div><!--- END ROW -->
		</div><!--- END CONTAINER -->
	</div> 	  
	<!-- END NAVBAR -->
											
	<!-- START HOME -->
	<section id="home" class="home_bg" style="background-image: url(static/image/banner.jpg);  background-size:cover; background-position: center center;">	
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-sm-12 col-xs-12 text-center">	
					<div class="about_me_content">
						<h1><br> My name is Khan <br> <span class="rotate">Web Developer | Digital Marketer | Photographer</span></h1>
						<p>Based in Orange, California.</p>
					</div>		
				</div><!-- END COL-->
				<!-- <div class="col-lg-5 col-sm-12 col-xs-12">	
					<div class="profile_img">
						<img src="assets/img/hero.png" class="img-fluid" alt="profile image" />
					</div>
				</div> --><!-- END COL--> 
			</div><!--- END ROW -->			
		</div><!--- END CONTAINER -->
	</section>
	<!-- END  HOME -->	
	
	<!-- START ABOUT -->
	<section id="about" class="about_area section-padding">
		<div class="container">
			<div class="section-title text-center">
				<h4>Profile</h4>
				<h1>At a glance</h1>
			</div>			
			<div class="row">					
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">			
					<div class="about_img">
						<img src="static/picture/about.png" class="img-fluid" alt="profile-picture">
						<!-- <div class="experience">
							<h4>9+ Years <br />of Experience</h4>
						</div> -->
					</div>
				</div><!-- / END COL -->		
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">	
					<div class="about_info">
						<span>About Me</span>
						<h4>My Name is Khan Shaheb</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehende. </p>
					</div>	
					<div class="about_me_contact_info">
						<div class="profile_info">
							<span class="th">Occupation :</span>
							<span class="td">Developer & Photograper</span>
						</div>
						<div class="profile_info">
							<span class="th">Address :</span>
							<span class="td">3481 Melrose Place, Beverly Hills CA 90210.</span>
						</div>
						<div class="profile_info">
							<span class="th">Phone :</span>
							<span class="td">01872 - 12 44 56</span>
						</div>
						<div class="profile_info">
							<span class="th">Languages :</span>
							<span class="td">English, Urdu, Arabic, French</span>
						</div>
						<div class="profile_info h_email">
							<span class="th">Email :</span>
							<span class="td"><a href="email-protection.html" class="__cf_email__" data-cfemail="2d5442585f404c44416d404c4441034e4240">[email&#160;protected]</a></span>
						</div>
					</div>	
					<div class="download_btn">
						<a href="#" class="home_one">Download CV <i class="fa fa-download"></i></a>
						<a class="video-play" href="#"><i class="fa fa-play"></i> <span class="video-title">Video Tour</span></a>
					</div>
						<!-- <div class="award_area">
						<img src="assets/img/award.png" alt="" />
						<h4>International  Freelance <br />Awards 2022</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
					</div>	 -->
				</div><!-- / END COL -->
			</div><!-- / END ROW -->
		</div><!-- END CONTAINER  -->
	</section>	
	<!-- END ABOUT -->
		
	<!-- START SKILLS -->
	<section id="skills" class="skills_area section-padding">
	   <div class="container">						
			<div class="section-title text-center">
				<h4>At a glance</h4>
				<h1>My Practical Skills</h1>		
			</div>				
			<div class="row">								
				<div class="col-lg-6 col-sm-6 col-xs-12">
					<div class="progress-bar-linear">
						<p class="progress-bar-text">Branding
							<span>90/100</span>
						</p>
						<div class="progress-bar">
							<span data-percent="90"></span>
						</div>
					</div>
					<div class="progress-bar-linear">
						<p class="progress-bar-text">Html5/Css
							<span>95/100</span>
						</p>
						<div class="progress-bar">
							<span data-percent="95"></span>
						</div>
					</div>
					<div class="progress-bar-linear">
						<p class="progress-bar-text">App Development
							<span>95/100</span>
						</p>
						<div class="progress-bar">
							<span data-percent="95"></span>
						</div>
					</div>
				</div><!--- END COL -->		
				<div class="col-lg-6 col-sm-6 col-xs-12">
					<div class="progress-bar-linear">
						<p class="progress-bar-text">Photography
							<span>88/100</span>
						</p>
						<div class="progress-bar">
							<span data-percent="88"></span>
						</div>
					</div>
					<div class="progress-bar-linear">
						<p class="progress-bar-text">Developing
							<span>85/100</span>
						</p>
						<div class="progress-bar">
							<span data-percent="85"></span>
						</div>
					</div>
					<div class="progress-bar-linear">
						<p class="progress-bar-text">Photoshop 
							<span>92/100</span>
						</p>
						<div class="progress-bar">
							<span data-percent="92"></span>
						</div>
					</div>
				</div><!--- END COL -->										
			</div><!-- END ROW -->
		</div><!-- END CONTAINER -->
	</section>
	<!-- END SKILLS -->

	<!-- START PORTFOLIOS -->
	<section id="portfolio" class="portfolio_area section-padding">
		<div class="container-fluid">
			<div class="section-title text-center">
				<h4>Portfolio</h4>
				<h1>Recent Works</h1>
			</div>			
			<div class="col-lg-12 text-center">
				<div class="portfolio_filter">
					<ul>
						<li class="active filter" data-filter="all">All</li>
						<li class="filter" data-filter=".branding">Branding</li>
						<li class="filter" data-filter=".webtemplate">Web Template</li>
						<li class="filter" data-filter=".seo">SEO</li>
						<li class="filter" data-filter=".digital">Digital Marketing</li>
					</ul>
				</div>
			</div>					
			<div class="row portfolio_item">					
				<div class="col-xs-12 col-sm-6 col-lg-4 no-padding mix webtemplate seo">		
					<div class="box">
						<img src="static/picture/1.jpg" alt="">
						<div class="box-content">
							<h3 class="title"><a href="single-project.html" target="_blank">App Landing</a></h3>
							<span class="port-cat">Branding , Design</span>								
							<a href="static/picture/1.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-plus"></i></a>
						</div>							
					</div>
				</div><!--- END COL -->	
				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 no-padding mix branding">				
					<div class="box">
						<img src="static/picture/2.jpg" alt="">
						<div class="box-content">
							<h3 class="title"><a href="single-project.html" target="_blank">Medical Concept</a></h3>
							<span class="port-cat">Design , Development</span>								
							<a href="static/picture/2.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-plus"></i></a>	
						</div>
					</div>
				</div><!--- END COL -->
				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 no-padding mix webtemplate digital">						
					<div class="box">
						<img src="static/picture/3.jpg" alt="">
						<div class="box-content">
							<h3 class="title"><a href="single-project.html" target="_blank">Increase Sale</a></h3>
							<span class="port-cat">Marketing</span>								
							<a href="static/picture/3.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-plus"></i></a>							
						</div>				
					</div>
				</div><!--- END COL -->
				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 no-padding mix digital seo">						
					<div class="box">
						<img src="static/picture/4.jpg" alt="">
						<div class="box-content">
							<h3 class="title"><a href="single-project.html" target="_blank">Marketing Page</a></h3>
							<span class="port-cat">Marketing</span>								
							<a href="static/picture/4.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-plus"></i></a>							
						</div>	
					</div>
				</div><!--- END COL -->
				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 no-padding mix branding digital">						
					<div class="box">
						<img src="static/picture/5.jpg" alt="">								
						<div class="box-content">
							<h3 class="title"><a href="single-project.html" target="_blank">Restaurant Design</a></h3>
							<span class="port-cat">Product</span>								
							<a href="static/picture/5.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-plus"></i></a>							
						</div>								
					</div>
				</div><!--- END COL -->	
				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 no-padding mix webtemplate seo">				
					<div class="box">
						<img src="static/picture/6.jpg" alt="">	
						<div class="box-content">
							<h3 class="title"><a href="single-project.html" target="_blank">App Concept</a></h3>
							<span class="port-cat">Product</span>								
							<a href="static/picture/6.jpg" class="port-icon lightbox" data-gall="gall-work"><i class="ti-plus"></i></a>							
						</div>	
					</div>
				</div><!--- END COL -->								
			</div><!-- END ROW -->
		</div><!-- END CONTAINER  -->
	</section>	
	<!-- END PORTFOLIOS -->			
	
	<!-- START SERVICE -->
	<section id="service" class="service_area section-padding">
	   <div class="container">						
			<div class="section-title text-center">
				<h4>Services</h4>
				<h1>What I'm Doing</h1>		
			</div>				
			<div class="row">								
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_service">
						<div class="single_service_img">
							<img src="static/picture/global-network.png" alt="image">
						</div>
						<h3>Development</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>
					</div>
				</div><!-- END COL -->
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">		
					<div class="single_service">
						<div class="single_service_img">
							<img src="static/picture/insurance.png" alt="image">
						</div>
						<h3>Web Design</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>
					</div>
				</div><!-- END COL -->	
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_service">
						<div class="single_service_img">
							<img src="static/picture/safe.png" alt="image">
						</div>
						<h3>SEO Marketing</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>
					</div>
				</div><!-- END COL -->	
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_service">
						<div class="single_service_img">
							<img src="static/picture/guarantee-certificate.png" alt="image">
						</div>
						<h3>Branding</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>
					</div>
				</div><!-- END COL -->	
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_service">
						<div class="single_service_img">
							<img src="static/picture/wallet.png" alt="image">
						</div>
						<h3>Digital Marketing</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>
					</div>
				</div><!-- END COL -->
				<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_service">
						<div class="single_service_img">
							<img src="static/picture/technical-support.png" alt="image">
						</div>
						<h3>Photography</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>
					</div>
				</div><!-- END COL -->										
			</div><!-- END ROW -->
		</div><!-- END CONTAINER -->
	</section>
	<!-- END SERVICE -->

	<!-- START REFERENCE -->
	<section id="reference" class="refer_area section-padding">
		<div class="container">
			<div class="section-title text-center">
				<h4>My Reference</h4>
				<h1>References</h1>
			</div>			
			<div class="row">					
				<div class="col-lg-4 col-sm-4 col-xs-12">	
					<div class="our-team">
						<img src="static/picture/1.png" alt="">
						<div class="team-content">
							<h3 class="team-prof">
								Tim David
								<small>CEO & Founder</small>
							</h3>
							<ul class="social-link">
								<li><a href="#" class="fa fa-facebook"></a></li>
								<li><a href="#" class="fa fa-google"></a></li>
								<li><a href="#" class="fa fa-twitter"></a></li>
							</ul>
						</div>
					</div>
				</div><!-- END COL -->			
				<div class="col-lg-4 col-sm-4 col-xs-12">	
					<div class="our-team">
						<img src="static/picture/2.png" alt="">
						<div class="team-content">
							<h3 class="team-prof">
								Rovmen Powell
								<small>Big Boss</small>
							</h3>
							<ul class="social-link">
								<li><a href="#" class="fa fa-facebook"></a></li>
								<li><a href="#" class="fa fa-google"></a></li>
								<li><a href="#" class="fa fa-twitter"></a></li>
							</ul>
						</div>
					</div>
				</div><!-- END COL -->			
				<div class="col-lg-4 col-sm-4 col-xs-12">	
					<div class="our-team">
						<img src="static/picture/3.png" alt="">
						<div class="team-content">
							<h3 class="team-prof">
								Steven Smith
								<small>Managing Director</small>
							</h3>
							<ul class="social-link">
								<li><a href="#" class="fa fa-facebook"></a></li>
								<li><a href="#" class="fa fa-google"></a></li>
								<li><a href="#" class="fa fa-twitter"></a></li>
							</ul>
						</div>
					</div>
				</div><!-- END COL -->			
			</div><!-- / END ROW -->
		</div><!-- END CONTAINER  -->
	</section>	
	<!-- END REFERENCE -->

	<!-- START GALLERY -->
	<section id="gallery" class="gallery_area section-padding">
		<div class="container">
			<div class="section-title text-center">
				<h4>Shots</h4>
				<h1>My Gallery</h1>
			</div>			
			<div class="row">					
				<div class="col-xs-12 col-sm-6 col-lg-4">		
					<div class="grid">
						<figure class="effect-sadie">
							<img src="static/picture/11.jpg" alt="">
							<figcaption>
								<a class="portfolio-mfp" href="static/picture/11.jpg"></a>	
							</figcaption>			
						</figure>
					</div><!--- END GRID -->
				</div><!--- END COL -->				
				<div class="col-xs-12 col-sm-6 col-lg-4">		
					<div class="grid">
						<figure class="effect-sadie">
							<img src="static/picture/21.jpg" alt="">
							<figcaption>
								<a class="portfolio-mfp" href="static/picture/21.jpg"></a>	
							</figcaption>			
						</figure>
					</div><!--- END GRID -->
				</div><!--- END COL -->				
				<div class="col-xs-12 col-sm-6 col-lg-4">		
					<div class="grid">
						<figure class="effect-sadie">
							<img src="static/picture/31.jpg" alt="">
							<figcaption>
								<a class="portfolio-mfp" href="static/picture/31.jpg"></a>	
							</figcaption>			
						</figure>
					</div><!--- END GRID -->
				</div><!--- END COL -->				
				<div class="col-xs-12 col-sm-6 col-lg-4">		
					<div class="grid">
						<figure class="effect-sadie">
							<img src="static/picture/41.jpg" alt="">
							<figcaption>
								<a class="portfolio-mfp" href="static/picture/41.jpg"></a>	
							</figcaption>			
						</figure>
					</div><!--- END GRID -->
				</div><!--- END COL -->				
				<div class="col-xs-12 col-sm-6 col-lg-4">		
					<div class="grid">
						<figure class="effect-sadie">
							<img src="static/picture/51.jpg" alt="">
							<figcaption>
								<a class="portfolio-mfp" href="static/picture/51.jpg"></a>	
							</figcaption>			
						</figure>
					</div><!--- END GRID -->
				</div><!--- END COL -->				
				<div class="col-xs-12 col-sm-6 col-lg-4">		
					<div class="grid">
						<figure class="effect-sadie">
							<img src="static/picture/61.jpg" alt="">
							<figcaption>
								<a class="portfolio-mfp" href="static/picture/61.jpg"></a>	
							</figcaption>			
						</figure>
					</div><!--- END GRID -->
				</div><!--- END COL -->	
			</div><!-- / END ROW -->
		</div><!-- END CONTAINER  -->
	</section>	
	<!-- END GALLERY -->
	
	<!-- START BLOG -->
	<section id="blog" class="blog_area section-padding">
		<div class="container">
			<div class="section-title text-center">
				<h4>News</h4>
				<h1>Latest blogs</h1>
			</div>			
			<div class="row">		
				<div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_blog">
						<img src="static/picture/12.jpg" class="img-fluid" alt="image">
						<div class="content_box">
							<span>Mar 15, 2023 | <a href="single_blog.html">Design</a></span>
							<h2><a href="single_blog.html" target="_blank">Autumn is a second spring when every leaf is a flower</a></h2>
							<p>Because when a visitor first lands on your website stranger They have to get to know you in order to want to read.</p>
						</div>
					</div>
				</div><!-- END COL-->
				<div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_blog">
						<img src="static/picture/22.jpg" class="img-fluid" alt="image">
						<div class="content_box">
							<span>Mar 16, 2023 | <a href="single_blog.html">Photo</a></span>
							<h2><a href="single_blog.html" target="_blank">Never let your memories be greater than your dreams</a></h2>
							<p>Because when a visitor first lands on your website stranger They have to get to know you in order to want to read.</p>
						</div>
					</div>
				</div><!-- END COL-->
				<div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
					<div class="single_blog">
						<img src="static/picture/32.jpg" class="img-fluid" alt="image">
						<div class="content_box">
							<span>Mar 17, 2023 | <a href="single_blog.html">Marketing</a></span>
							<h2><a href="single_blog.html" target="_blank">Self-observation is the first step of inner unfolding</a></h2>
							<p>Because when a visitor first lands on your website stranger They have to get to know you in order to want to read.</p>
						</div>
					</div>
				</div><!-- END COL-->						
			</div><!-- / END ROW -->
		</div><!-- END CONTAINER  -->
	</section>	
	<!-- END BLOG -->
	
	<!-- START CONTACT -->
	<section id="contact" class="contact_us section-padding" style="background-image: url(static/image/contact.jpg);  background-size:cover; background-position: center center;">
		<div class="container">			
			<div class="section-title cmtop text-center">
				<h4 class="section-title-white">Have a question?</h4>
				<h1 class="section-title-white">Say Hello!</h1>
			</div>				
			<div class="row">				
				<div class="offset-lg-2 col-lg-8 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
					<div class="contact">
						<form class="form" name="enq" method="post" action="contact.php" onsubmit="return validation();">
							<div class="row">
								<div class="form-group col-md-6">
									<input type="text" name="name" class="form-control" placeholder="Name" required="required">
								</div>
								<div class="form-group col-md-6">
									<input type="email" name="email" class="form-control" placeholder="Email" required="required">
								</div>
								<div class="form-group col-md-12">
									<input type="text" name="subject" class="form-control" placeholder="Subject" required="required">
								</div>
								<div class="form-group col-md-12">
									<textarea rows="6" name="message" class="form-control" placeholder="Your Message" required="required"></textarea>
								</div>
								<div class="col-md-12 text-center">
									<button type="submit" value="Send message" name="submit" id="submitButton" class="btn btn-lg contact_btn" title="Submit Your Message!">Submit</button>
								</div>
							</div>
						</form>
					</div>
				</div><!-- END COL  -->					
			</div><!-- END ROW -->
		</div><!-- END CONTAINER -->
	</section>
	<!-- END CONTACT -->
	
	<!-- START CONTACT -->
	<section class="address_area section-padding">
		<div class="container">						
			<div class="row">				
				<div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">	
					<div class="single_address">
						<div class="address_br"><span class="ti-location-pin"></span></div>
						<h4>Address</h4>
						<p>3481 Melrose Place, <br>Beverly Hills</p>
					</div>	
				</div>	
				<div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">	
					<div class="single_address">
						<div class="address_br"><span class="ti-mobile"></span></div>
						<h4>Office Hours</h4>
						<p>Mon - Fri : 8am to 6pm</p>
						<p>Sat : 10am to 2pm</p>
					</div>	
				</div>		
				<div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">	
					<div class="single_address">
						<div class="address_br"><span class="ti-email"></span></div>
						<h4>Contact</h4>
						<p><a href="email-protection.html#6b0e130a061b070e2b12041e19060a020745080406"><span>Email:</span> <span class="__cf_email__" data-cfemail="cfaab7aea2bfa3aa8fb6a0babda2aea6a3e1aca0a2">[email&#160;protected]</span></a></p>
						<p><a href="tel:+123 456 789"><span>Call:</span> +123 456 789</a></p>
					</div>					
				</div><!-- END COL  -->						
			</div><!-- END ROW -->
		</div><!-- END CONTAINER -->
	</section>
	<!-- END CONTACT -->				

	<!-- START FOOTER -->
	<div class="footer">
		<div class="container">
			<div class="row">					
				<div class="col-lg-5 col-sm-12 col-xs-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_footer">	
						<p class="copyright">Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://www.php.cn/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					</div>
				</div><!--- END COL -->		
				<div class="col-lg-3 col-sm-12 col-xs-12 text-center wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="footer_scroll_top">
						<a href="#home">Back to top <span class="ti-arrow-up"></span></a>
					</div>
				</div><!--- END COL -->		
				<div class="col-lg-4 col-sm-12 col-xs-12 text-center wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
					<div class="single_footer">
						<div class="footer_menu">
							<ul>
								<li><a href="#">Terms of use</a></li>
								<li><a href="#">Privacy Policy</a></li>
								<li><a href="#">Cookie Policy</a></li>
							</ul>
						</div>	
					</div>
				</div><!--- END COL -->				
			</div><!--- END ROW -->				
		</div><!--- END CONTAINER -->
	</div>
	<!-- END FOOTER -->			
		
	<!-- Latest jQuery -->
		<script data-cfasync="false" src="static/js/email-decode.min.js"></script><script src="static/js/jquery-1.12.4.min.js"></script>
	<!-- Latest compiled and minified Bootstrap -->
		<script src="static/js/bootstrap.min.js"></script>			
	<!-- owl-carousel min js  -->
		<script src="static/js/owl.carousel.min.js"></script>	
	<!-- jquery.slicknav -->
		<script src="static/js/jquery.slicknav.js"></script>	
	<!-- jquery appear js  -->
		<script src="static/js/jquery.appear.js"></script>
	<!-- simple-text-rotator.min.js  -->
		<script src="static/js/jquery.simple-text-rotator.min.js"></script>		
	<!-- countTo js -->
		<script src="static/js/jquery.inview.min.js"></script>		
	<!-- magnific-popup js -->               
		<script src="static/js/jquery.magnific-popup.min.js"></script>		
	<!-- jquery mixitup min js -->
		<script src="static/js/jquery.mixitup.js"></script>	
	<!-- Venobox JS -->	
		<script src="static/js/venobox.min.js"></script>		
	<!-- WOW - Reveal Animations When You Scroll -->
		<script src="static/js/wow.min.js"></script>				
	<!-- scripts js -->	
		<script src="static/js/scripts.js"></script>
		<script type="text/javascript">			
		 /*  Textrotator */
		if ($('.rotate').length > 0) {
			$(".rotate").textrotator({
				animation: "flipUp", // You can pick the way it animates when rotating through words. Options are dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp and spin.
				separator: "|", //  You can define a new separator (|, &, * etc.) by yourself using this field.
				speed: 3000 // How many milliseconds until the next word show.
			});
		}
		/* End Textrotator */
		</script>		
	
</body>
</html>